<template>
  <footer id="colophon" class="site-footer" role="contentinfo">
    <div class="site-info">
      <div class="footertext">
        <div class="img-preload"><img
            src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/wordpress-rotating-ball-o.svg">
          <img src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/disqus-preloader.svg"></div>
        <p class="foo-logo"
           style="background-image: url('https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/sakura.svg');"></p>
        <p style="font-family: 'Ubuntu', sans-serif;"><span style="color: #666666;">Crafted with <i
            class="fa fa-heart animated" style="color: #e74c3c;"></i> by <a rel="me"
                                                                            href="https://hello.2heng.xin/@mashiro"
                                                                            target="_blank"
                                                                            style="color: #000000;text-decoration:none;">{{config.WEB_ADMIN_NAME}}</a></span>
        </p>
        <p>© 2020 樱花庄的白猫 <a href="http://www.beian.miit.gov.cn" target="_blank">{{config.WEB_ICP}}</a></p></div>
    </div>
  </footer>
</template>
<script lang="ts">
import {defineComponent, onBeforeUpdate, onMounted, reactive, ref, toRefs} from 'vue';
import {getConfig} from "../api/sys";
import type {ConfigItem} from "../api/modules/sys";

export default defineComponent({
  props: {
    config: Object as ConfigItem
  },
  setup() {

    return {
    };
  },
});
</script>